﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
        data-appid="APPID" data-redirecturi="qc_callback.html" charset="utf-8"></script>
    <link href="Styles/basic.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form" action="Default.aspx">
    <div>
        <table>
            <tr>
                <td>
                    用户名：
                </td>
                <td align="left">
                    <input type="text" name="username" id="username" value="用户名/邮箱" style="color: Gray;" />
                </td>
            </tr>
            <tr>
                <td>
                    密 码：
                </td>
                <td align="left">
                    <input type="password" name="password" id="password" />
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="button" value="登录" id="btnlogin" /><div style="font-size: 12px; text-decoration: underline;
                        color: Blue;">
                        <a href="register.html"><span class="regpwd" style="color:Black;">注册</span></a><a href="forgetpassword.html"><span
                            class="forgetPwd" style="padding-left: 4px; color:Black;">忘记密码?</span></a></div>
                </td>
            </tr>
        </table>
    </div>
    </form>
    <script type="text/javascript">
        $(function () {
            $("#username").focus(function () {
                if ($(this).val() == "用户名/邮箱") {
                    $(this).val("").css("color", "black");
                }
                else {
                    $(this).css("color", "black");
                }
            });
            $("#username").blur(function () {
                if ($(this).val().length == 0) {
                    if (!$(this).hasClass("error")) {
                        $("<span/>").attr("id", "msguser").css("color", "red").css("font-size", "12px").html("请输入用户名或者注册邮箱！").insertAfter($("#username"));
                        $(this).addClass("error");
                    }
                } else {
                    $(this).next("#msguser").remove();
                    $(this).removeClass("error");
                }
            })
            $("#password").blur(function () {
                if ($(this).val().length == 0) {
                    if (!$(this).hasClass("error")) {
                        $("<span/>").attr("id", "msgpwd").css("color", "red").css("font-size", "12px").html("请输入密码！").insertAfter($("#password"));
                        $(this).addClass("error");
                    }
                } else {
                    $(this).next("#msgpwd").remove();
                    $(this).removeClass("error");
                }
            })

            $("#btnlogin").click(function () {
                if (!$("#username").hasClass("error") && !$("#password").hasClass("error") && $("#username").val().length > 0 && $("#password").val().length > 0) {
                    $.post(
                    "handler/RegUserLogin.ashx?t=" + new Date(),
                    { username: escape($("#username").val()), password: escape($("#password").val()) },
                    function (data) {
                        if (data != "0") {
                            location.href = data;
                        } else {
                            alert("用户名或密码无效！");
                        }
                    })
                }
            });
        })
    </script>
</body>
</html>
